/* ===================================================== */
/*                 سوالات متداول (FAQ)                    */
/* ===================================================== */

.faq{

    width:100%;

    padding:40px 80px 40px;

    box-sizing:border-box;
}


/* ===================================================== */
/*                  باکس اصلی                             */
/* ===================================================== */

.faq-container{

    max-width:1600px;

    margin:0 auto;

    padding:35px;

    border-radius:32px;

    background:
    rgba(255,255,255,.02);

    border:
    1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(20px);
}


/* ===================================================== */
/*                    عنوان                               */
/* ===================================================== */

.faq-header{

    text-align:center;

    margin-bottom:12px;
}

.faq-header h2{

    color:white;

    font-size:40px;

    font-weight:800;

    margin-bottom:12px;

    text-shadow:
    0 0 20px rgba(0,255,238,.25);
}

.faq-header p{

    color:#d7e3ff;

    font-size:16px;

    font-weight:500;

    line-height:1.6;

    max-width:900px;

    margin:auto;
}


/* ===================================================== */
/*                    خط جداکننده                        */
/* ===================================================== */

.faq-line{

    width:140px;

    height:4px;

    margin:18px auto 32px;

    border-radius:50px;

    background:linear-gradient(
        90deg,
        #00F5FF,
        #6F7CFF
    );

    box-shadow:
        0 0 10px rgba(0,245,255,.6),
        0 0 25px rgba(0,245,255,.45),
        0 0 45px rgba(0,245,255,.2);
}


/* ===================================================== */
/*                    لیست سوالات                        */
/* ===================================================== */

.faq-list{

    display:flex;

    flex-direction:column;

    gap:12px;

    max-width:820px;

    margin:0 auto;
}


/* ===================================================== */
/*                    آیتم سوال                           */
/* ===================================================== */

.faq-item{

    border-radius:18px;

    background:
    rgba(255,255,255,.03);

    border:
    1px solid rgba(255,255,255,.08);

    overflow:hidden;

    transition:border-color .3s;

    opacity:0;

    transform:translateY(18px);
}

.faq-item:hover{

    border-color:
    rgba(0,255,238,.25);
}


/* ===================================================== */
/*          ورود مرحله‌ای سوالات هنگام اسکرول             */
/* ===================================================== */

.faq-item.reveal{

    animation:
    faqReveal .55s cubic-bezier(.2,.8,.2,1) forwards;
}

@keyframes faqReveal{

    to{
        opacity:1;
        transform:translateY(0);
    }

}


/* ===================================================== */
/*                    دکمه‌ی سوال                         */
/* ===================================================== */

.faq-question{

    width:100%;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    padding:18px 22px;

    background:none;

    border:none;

    color:white;

    font-family:inherit;

    font-size:15px;

    font-weight:600;

    cursor:pointer;

    text-align:right;
}


/* ===================================================== */
/*                  آیکون بعلاوه                          */
/* ===================================================== */

.faq-plus{

    flex:0 0 26px;

    width:26px;

    height:26px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    rgba(0,245,255,.1);

    border:
    1px solid rgba(0,245,255,.25);

    color:#00f5ff;

    font-size:15px;

    transition:.3s;
}

.faq-item.active .faq-plus{

    transform:rotate(45deg);
}


/* ===================================================== */
/*                    پاسخ سوال                          */
/* ===================================================== */

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .3s ease;
}

.faq-item.active .faq-answer{

    max-height:220px;
}


/* ===================================================== */
/*                فید نرم متن پاسخ                        */
/* ===================================================== */

.faq-answer-inner{

    opacity:0;

    transform:translateY(-6px);

    transition:
    opacity .35s ease .05s,
    transform .35s ease .05s;
}

.faq-item.active .faq-answer-inner{

    opacity:1;

    transform:translateY(0);
}

.faq-answer p{

    margin:0;

    padding:0 22px 20px;

    color:#c6d2eb;

    font-size:13.5px;

    line-height:1.8;
}


/* ===================================================== */
/*                     موبایل                             */
/* ===================================================== */

@media(max-width:1100px){

    .faq{
        padding:30px 30px;
    }

    .faq-container{
        padding:28px;
    }

    .faq-header h2{
        font-size:32px;
    }

    .faq-header p{
        font-size:15px;
    }
}

@media(max-width:600px){

    .faq-container{
        padding:20px;
        border-radius:24px;
    }

    .faq-header h2{
        font-size:26px;
    }

    .faq-question{
        padding:14px 16px;
        font-size:13.5px;
    }
}


/* ===================================================== */
/*             احترام به تنظیم کاهش انیمیشن               */
/* ===================================================== */

@media(prefers-reduced-motion: reduce){

    .faq-item{
        opacity:1;
        transform:none;
        animation:none;
    }

}